/*
 * @Author: 肖思汗 
 * @Date: 2025-08-13 09:29:18 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2025-08-17 01:34:52
 */
.cropModel {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: #000000 !important;
    z-index: 1003;
    top: 0rpx;
    left: 0rpx;
    transform: translate(-100%, -100%);

    &.show {
        transform: translate(0%, 0%);
    }

    .title {
        position: relative;
        background-color: #ffffff;
        box-sizing: border-box;
        text-align: center;
        font-size: 36rpx;

        .leftIcon {
            position: absolute;
            left: 20rpx;
            bottom: 20rpx;
            width: 44rpx;
            height: 44rpx;
        }

    }

    .cropEditor {
        position: relative;
        width: 100vw;
        .cropCanvas {
            background-color: rgb(0, 0, 0);
        }
    }

    .zoomList {
        display: flex;
        justify-content: space-between;
        height: 140rpx;
        background-color: rgb(0, 0, 0);
        padding: 20rpx 20rpx;
        box-sizing: border-box;

        .btn {
            width: 60rpx;
            text-align: center;

            .icon {
                width: 44rpx;
                height: 44rpx;
            }

            .text {
                color: #ffffff;
                font-size: 28rpx;
            }
        }

    }

    .btns {
        display: flex;
        justify-content: space-between;
        height: 120rpx;
        background-color: rgb(0, 0, 0);
        padding: 15rpx 40rpx;
        box-sizing: border-box;

        .btn {
            text-align: center;

            .icon {
                width: 40rpx;
                height: 40rpx;
            }

            .text {
                color: #ffffff;
                font-size: 32rpx;
            }
        }
    }

}